<template>
	<view class="content" v-if="showPage">
		
		
		<view class="info-v">
			
			<view class="model">
				<view class="top">子时</view>
				<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.zi.jixiong}}</view></view>
				
				<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.zi.jishen}}</view></view>
				
				<view class="info"><text class="title">时间：</text><view class="desc">{{myData.zi.shijian}}</view></view>
				
				<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.zi.xiongshen}}</view></view>
				
				<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.zi.shichong}}</view></view>
				
				<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.zi.shizhu}}</view></view>
			</view>
			
			
			
			<view class="model">
				<view class="top">亥时</view>
			
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.hai.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.hai.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.hai.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.hai.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.hai.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.hai.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">未时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.wei.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.wei.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.wei.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.wei.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.wei.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.wei.shizhu}}</view></view>
			</view>
			
			
			
			<view class="model">
				<view class="top">辰时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.cheng.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.cheng.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.cheng.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.cheng.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.cheng.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.cheng.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">酉时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.you.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.you.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.you.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.you.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.you.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.you.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">午时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.wu.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.wu.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.wu.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.wu.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.wu.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.wu.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">巳时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.si.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.si.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.si.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.si.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.si.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.si.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">戌时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.xu.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.xu.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.xu.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.xu.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.xu.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.xu.shizhu}}</view></view>
			</view>
			
			
			
			<view class="model">
				<view class="top">丑时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.chou.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.chou.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.chou.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.chou.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.chou.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.chou.shizhu}}</view></view>
			</view>
			
			
			
			<view class="model">
				<view class="top">寅时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.yin.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.yin.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.yin.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.yin.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.yin.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.yin.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">申时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.shen.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.shen.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.shen.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.shen.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.shen.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.shen.shizhu}}</view></view>
			</view>
			
			
			<view class="model">
				<view class="top">卯时</view>
			<view class="info"><view class="title">吉凶：</view><view class="desc"> {{myData.mao.jixiong}}</view></view>
			
			<view class="info"><text class="title">吉神：</text><view class="desc">{{myData.mao.jishen}}</view></view>
			
			<view class="info"><text class="title">时间：</text><view class="desc">{{myData.mao.shijian}}</view></view>
			
			<view class="info"><text class="title">凶神：</text><view class="desc">{{myData.mao.xiongshen}}</view></view>
			
			<view class="info"><text class="title">时冲：</text><view class="desc">{{myData.mao.shichong}}</view></view>
			
			<view class="info"><text class="title">时柱：</text><view class="desc">{{myData.mao.shizhu}}</view></view>
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				showPage:false,
				myData:null
			}
		},methods:{
			
		},onLoad(options) {
			this.tokenRequest({url:'lifeService/huangLiYunShi/'+options.type+"/"+options.ymd,method:'get'}).then(res => {
				uni.hideLoading();
				this.myData = res.data;
				this.showPage = true;
			}, error => {})
		}
	}
</script>

<style lang="scss">
	
	.info-v{
		margin: 20rpx;
		padding: 20rpx;
		border-radius: 20rpx;
		font-size: 30rpx;
		.top{
			text-align: center;
			margin: 15rpx;
			font-size: 40rpx;
			font-weight: 800;
			margin-top: 30rpx;
			color: #2979FF;
		}
		.model{
			background-color: #fff;
			overflow: auto;
			margin-bottom: 20rpx;
			padding: 20rpx;
			border-radius: 20rpx;
		}
		.title{
			line-height: 100rpx;
			font-size: 35rpx;
			float: left;
		}
		.desc{
			float: left;
			line-height: 100rpx;
		}
		.info{
			padding: 15rpx;
			clear: both;
		}
	}
	
</style>

